{% extends 'base.html' %}
{% block css%}
<link rel="stylesheet" href="{{ url_for('static', filename='resources/jquery-ui/jquery-ui.complete.min.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='resources/jspanel/jquery.jspanel.css') }}">
<style type="text/css">
	select, input {
		font-size: 11px;`
	}
</style>
{% endblock %}
{% block body%}
<div class="row">
    <div class="col-md-5">
        <table class="table table-hover table-condensed form-inline">
            <tr>
                <td>
                    <button class="btn btn-success" id="btn_start_up">
                        <i class="fa fa-bolt"></i> DSP Startup
                    </button>
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    <button class="btn btn-primary" id="btn_get_state">
                        Get State
                    </button>
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    <button class="btn btn-primary" id="btn_disable_TriggerMonitor">
                        Disable TriggerMonitor
                    </button>
                </td>
            </tr>
            <t>
                <td style="background-color: #FFFFCC">
                    <span id="dsp_state_txt">
                        ---
                    </span>
                </td>
                </tr>
        </table>
    </div>
    <div class="col-md-7">
    </div>
</div>
<div class="row">
    <!-- <iframe id="dsp_api" frameborder="no" border="0" src="dsp_api.php" width=100%></iframe>
	 -->
    <div class="col-md-12">
        <table id="t_dac" class="table table-hover .table-responsive table-condensed">
            <tr>
                <td>
                    <span style="font-size: 13px">
                        #1 Echo<br>
                    </span>
                    <button class="btn btn-sm btn-success btn-apis" cmd="Echo" cmdword="12,0,1,0,8,0,0,0,0,0,0,0">
                        Send
                    </button>
                </td>
                <td>
                    <a style="color:#666;font-size:11px" title="data0 | 0,255">
                        data0
                    </a>
                    <br>
                    <input class="form-control" type="text" name="text1" value=0 placeholder="Number" params_multiply_factor=1 params_type="Number" position="8,0,8" style="width:110px; height:30px">
                </td>
                <td>
                    <a style="color:#666;font-size:11px" title="data1 | 0,255">
                        data1
                    </a>
                    <br>
                    <input class="form-control" type="text" name="text1" value=0 placeholder="Number" params_multiply_factor=1 params_type="Number" position="9,0,8" style="width:110px; height:30px">
                </td>
            </tr>
            <tr>
                <td>
                    <span style="font-size: 13px">
                        #2 ReadRegister<br>
                    </span>
                    <button class="btn btn-sm btn-success btn-apis" cmd="ReadRegister" cmdword="12,0,228,1,8,0,0,0,0,0,0,0">
                        Send
                    </button>
                </td>
                <td>
                    <a style="color:#666;font-size:11px" title="Address | Hexadecimal value">
                        Address
                    </a>
                    <br>
                    <input class="form-control" type="text" name="text1" value=0 placeholder="Hexadecimal" params_multiply_factor=1 params_type="Hexadecimal" position="8,0,32" style="width:110px; height:30px">
                </td>
            </tr>
            <tr>
                <td>
                    <span style="font-size: 13px">
                        #3 WriteRegister<br>
                    </span>
                    <button class="btn btn-sm btn-success btn-apis" cmd="WriteRegister" cmdword="16,0,227,1,8,0,0,0,0,0,0,0,0,0,0,0">
                        Send
                    </button>
                </td>
                <td>
                    <a style="color:#666;font-size:11px" title="Address | Hexadecimal value">
                        Address
                    </a>
                    <br>
                    <input class="form-control" type="text" name="text1" value=0 placeholder="Hexadecimal" params_multiply_factor=1 params_type="Hexadecimal" position="8,0,32" style="width:110px; height:30px">
                </td>
                <td>
                    <a style="color:#666;font-size:11px" title="Value | Hexadecimal value">
                        Value
                    </a>
                    <br>
                    <input class="form-control" type="text" name="text1" value=0 placeholder="Hexadecimal" params_multiply_factor=1 params_type="Hexadecimal" position="12,0,32" style="width:110px; height:30px">
                </td>
            </tr>
            <tr>
                <td>
                    <span style="font-size: 13px">
                        #4 SetHostBallMap<br>
                    </span>
                    <button class="btn btn-sm btn-success btn-apis" cmd="SetHostBallMap" cmdword="16,0,3,1,4,0,0,0,0,0,0,0,0,0,0,0">
                        Send
                    </button>
                </td>
                <td>
                    <a style="color:#666;font-size:11px" title="hrx_mapping | Hexadecimal value">
                        hrx_mapping
                    </a>
                    <br>
                    <input class="form-control" type="text" name="text1" value=0 placeholder="Hexadecimal" params_multiply_factor=1 params_type="Hexadecimal" position="8,0,32" style="width:110px; height:30px">
                </td>
                <td>
                    <a style="color:#666;font-size:11px" title="htx_mapping | Hexadecimal value">
                        htx_mapping
                    </a>
                    <br>
                    <input class="form-control" type="text" name="text1" value=0 placeholder="Hexadecimal" params_multiply_factor=1 params_type="Hexadecimal" position="12,0,32" style="width:110px; height:30px">
                </td>
            </tr>
            <tr>
                <td>
                    <span style="font-size: 13px">
                        #5 GetHostBallMap<br>
                    </span>
                    <button class="btn btn-sm btn-success btn-apis" cmd="GetHostBallMap" cmdword="8,0,4,1,12,0,0,0">
                        Send
                    </button>
                </td>
            </tr>
            <tr>
                <td>
                    <span style="font-size: 13px">
                        #6 SetTransceiverMode<br>
                    </span>
                    <button class="btn btn-sm btn-success btn-apis" cmd="SetTransceiverMode" cmdword="32,0,0,1,4,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0">
                        Send
                    </button>
                </td>
                <td>
                    <a style="color:#666;font-size:11px" title="path | ">
                        path
                    </a>
                    <br>
                    <select class="form-control" style="width:110px; height:30px" params_multiply_factor=1 params_type="Choice" position="8,0,8">
                        <option value="0">0 - EGRESS and INGRESS</option>
                        <option value="1">1 - INGRESS only</option>
                        <option value="2">2 - EGRESS only</option>
                    </select>
                </td>
                <td>
                    <a style="color:#666;font-size:11px" title="line_fec | ">
                        line_fec
                    </a>
                    <br>
                    <select class="form-control" style="width:110px; height:30px" params_multiply_factor=1 params_type="Choice" position="9,0,8">
                        <option value="0">0 - SDFEC-SC</option>
                        <option value="1">1 - SDFEC-DC</option>
                        <option value="2">2 - CFEC</option>
                        <option value="3">3 - STAIRCASE</option>
                        <option value="4">4 - ZR</option>
                        <option value="5">5 - SDFEC-LP-SC</option>
                        <option value="6">6 - SDFEC-LP-DC</option>
                    </select>
                </td>
                <td>
                    <a style="color:#666;font-size:11px" title="pilot_symbol_separation | ">
                        pilot_symbol_separ...
                    </a>
                    <br>
                    <input class="form-control" type="text" name="text1" value=0 placeholder="Number" params_multiply_factor=1 params_type="Number" position="10,0,8" style="width:110px; height:30px">
                </td>
                <td>
                    <a style="color:#666;font-size:11px" title="line_shaping | ">
                        line_shaping
                    </a>
                    <br>
                    <input class="form-control" type="text" name="text1" value=0 placeholder="Number" params_multiply_factor=1 params_type="Number" position="11,0,8" style="width:110px; height:30px">
                </td>
                <td>
                    <a style="color:#666;font-size:11px" title="line_modulation | ">
                        line_modulation
                    </a>
                    <br>
                    <select class="form-control" style="width:110px; height:30px" params_multiply_factor=1 params_type="Choice" position="12,0,8">
                        <option value="4">4 - QPSK</option>
                        <option value="6">6 - 8QAM</option>
                        <option value="8">8 - 16QAM</option>
                    </select>
                </td>
                <td>
                    <a style="color:#666;font-size:11px" title="bcd_mode | ">
                        bcd_mode
                    </a>
                    <br>
                    <input class="form-control" type="text" name="text1" value=0 placeholder="Number" params_multiply_factor=1 params_type="Number" position="13,0,32" style="width:110px; height:30px">
                </td>
                <td>
                    <a style="color:#666;font-size:11px" title="ltx_osr | ">
                        ltx_osr
                    </a>
                    <br>
                    <select class="form-control" style="width:110px; height:30px" params_multiply_factor=1 params_type="Choice" position="17,0,8">
                        <option value="0">0 - 1</option>
                        <option value="1">1 - 1.5</option>
                        <option value="2">2 - 1.2</option>
                    </select>
                </td>
                <td>
                    <a style="color:#666;font-size:11px" title="lrx_osr | ">
                        lrx_osr
                    </a>
                    <br>
                    <select class="form-control" style="width:110px; height:30px" params_multiply_factor=1 params_type="Choice" position="18,0,8">
                        <option value="0">0 - 1</option>
                        <option value="1">1 - 1.5</option>
                        <option value="2">2 - 1.2</option>
                    </select>
                </td>
                <td>
                    <a style="color:#666;font-size:11px" title="Reference_clock | ">
                        Reference_clock
                    </a>
                    <br>
                    <input class="form-control" type="text" name="text1" value=0 placeholder="Number" params_multiply_factor=1 params_type="Number" position="19,0,32" style="width:110px; height:30px">
                </td>
                <td>
                    <a style="color:#666;font-size:11px" title="signal_type | ">
                        signal_type
                    </a>
                    <br>
                    <select class="form-control" style="width:110px; height:30px" params_multiply_factor=1 params_type="Choice" position="23,0,32">
                        <option value="0">0 - DISABLE</option>
                        <option value="1">1 - OTL</option>
                        <option value="2">2 - FLEXO</option>
                        <option value="3">3 - 100GE-BA</option>
                        <option value="4">4 - 100GE-BJ-SR</option>
                        <option value="5">5 - 100GE-BJ-LR</option>
                        <option value="6">6 - 400GE</option>
                    </select>
                </td>
                <td>
                    <a style="color:#666;font-size:11px" title="line_mapping | ">
                        line_mapping
                    </a>
                    <br>
                    <select class="form-control" style="width:110px; height:30px" params_multiply_factor=1 params_type="Choice" position="27,0,32">
                        <option value="0">0 - GMP-NONE</option>
                        <option value="1">1 - GMP-4</option>
                        <option value="2">2 - GMP-C</option>
                        <option value="3">3 - GMP-4C</option>
                        <option value="4">4 - GMP-P</option>
                        <option value="5">5 - GMP-4P</option>
                        <option value="6">6 - GMP-CP</option>
                        <option value="7">7 - GMP-4CP</option>
                    </select>
                </td>
                <td>
                    <a style="color:#666;font-size:11px" title="host_modulation | ">
                        host_modulation
                    </a>
                    <br>
                    <select class="form-control" style="width:110px; height:30px" params_multiply_factor=1 params_type="Choice" position="31,0,8">
                        <option value="0">0 - PAM4</option>
                        <option value="1">1 - NRZ</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>
                    <span style="font-size: 13px">
                        #7 GetTransceiverMode<br>
                    </span>
                    <button class="btn btn-sm btn-success btn-apis" cmd="GetTransceiverMode" cmdword="8,0,1,1,24,0,0,0">
                        Send
                    </button>
                </td>
            </tr>
           <!--  <tr>
                <td>
                    <span style="font-size: 13px">
                        #8 SetLineEgressHighSrPulseShaping<br>
                    </span>
                    <button class="btn btn-sm btn-success btn-apis" cmd="SetLineEgressHighSrPulseShaping" cmdword="12,0,34,1,4,0,0,0,0,0,0,0">
                        Send
                    </button>
                </td>
                <td>
                    <a style="color:#666;font-size:11px" title="lane | ">
                        lane
                    </a>
                    <br>
                    <select class="form-control" style="width:110px; height:30px" params_multiply_factor=1 params_type="Choice" position="8,0,8">
                        <option value="0">0 - HI</option>
                        <option value="1">1 - HQ</option>
                        <option value="2">2 - VI</option>
                        <option value="3">3 - VQ</option>
                    </select>
                </td>
                <td>
                    <a style="color:#666;font-size:11px" title="roll_off_factor | ">
                        roll_off_factor
                    </a>
                    <br>
                    <select class="form-control" style="width:110px; height:30px" params_multiply_factor=1 params_type="Choice" position="9,0,8">
                        <option value="1">1 - PSF_ROF_0P1</option>
                        <option value="2">2 - PSF_ROF_0P2</option>
                        <option value="3">3 - PSF_ROF_0P3</option>
                        <option value="4">4 - PSF_ROF_0P4</option>
                        <option value="PSF_ROF_0P5">PSF_ROF_0P5 - PSF_ROF_0P5</option>
                    </select>
                </td>
                <td>
                    <a style="color:#666;font-size:11px" title="pulse_shaping_filter | ">
                        pulse_shaping_filt...
                    </a>
                    <br>
                    <select class="form-control" style="width:110px; height:30px" params_multiply_factor=1 params_type="Choice" position="10,0,8">
                        <option value="0">0 - RAISED_COSINE</option>
                        <option value="1">1 - ROOT_RAISED_COSINE</option>
                    </select>
                </td>
            </tr> -->
          <!--   <tr>
                <td>
                    <span style="font-size: 13px">
                        #9 GetLineEgressHighSrPulseShaping<br>
                    </span>
                    <button class="btn btn-sm btn-success btn-apis" cmd="GetLineEgressHighSrPulseShaping" cmdword="12,0,35,1,8,0,0,0,0,0,0,0">
                        Send
                    </button>
                </td>
                <td>
                    <a style="color:#666;font-size:11px" title="lane | ">
                        lane
                    </a>
                    <br>
                    <select class="form-control" style="width:110px; height:30px" params_multiply_factor=1 params_type="Choice" position="8,0,8">
                        <option value="0">0 - HI</option>
                        <option value="1">1 - HQ</option>
                        <option value="2">2 - VI</option>
                        <option value="3">3 - VQ</option>
                    </select>
                </td>
            </tr> -->
            <tr>
                <td>
                    <span style="font-size: 13px">
                        #10 SetLineEgressHighSrLaneAmplitude<br>
                    </span>
                    <button class="btn btn-sm btn-success btn-apis" cmd="SetLineEgressHighSrLaneAmplitude" cmdword="12,0,38,1,4,0,0,0,0,0,0,0">
                        Send
                    </button>
                </td>
                <td>
                    <a style="color:#666;font-size:11px" title="lane | ">
                        lane
                    </a>
                    <br>
                    <select class="form-control" style="width:110px; height:30px" params_multiply_factor=1 params_type="Choice" position="8,0,8">
                        <option value="0">0 - HI</option>
                        <option value="1">1 - HQ</option>
                        <option value="2">2 - VI</option>
                        <option value="3">3 - VQ</option>
                    </select>
                </td>
                <td>
                    <a style="color:#666;font-size:11px" title="amplitude | 0,0.5">
                        amplitude
                    </a>
                    <br>
                    <input class="form-control" type="text" name="text1" value=0 placeholder="Float" params_multiply_factor=131072 params_type="Float" position="9,0,16" style="width:110px; height:30px">
                </td>
            </tr>
            <tr>
                <td>
                    <span style="font-size: 13px">
                        #11 GetLineEgressHighSrLaneAmplitude<br>
                    </span>
                    <button class="btn btn-sm btn-success btn-apis" cmd="GetLineEgressHighSrLaneAmplitude" cmdword="12,0,39,1,8,0,0,0,0,0,0,0">
                        Send
                    </button>
                </td>
                <td>
                    <a style="color:#666;font-size:11px" title="lane | ">
                        lane
                    </a>
                    <br>
                    <select class="form-control" style="width:110px; height:30px" params_multiply_factor=1 params_type="Choice" position="8,0,8">
                        <option value="0">0 - HI</option>
                        <option value="1">1 - HQ</option>
                        <option value="2">2 - VI</option>
                        <option value="3">3 - VQ</option>
                    </select>
                </td>
            </tr>

            <tr>
                <td>
                    <span style="font-size: 13px">
                        #14 SetLineEgressHighSrPreEmphasis<br>
                    </span>
                    <button class="btn btn-sm btn-success btn-apis" cmd="SetLineEgressHighSrPreEmphasis" cmdword="72,0,36,1,4,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0">
                        Send
                    </button>
                </td>
                <td>
                    <a style="color:#666;font-size:11px" title="lane | ">
                        lane
                    </a>
                    <br>
                    <select class="form-control" style="width:110px; height:30px" params_multiply_factor=1 params_type="Choice" position="8,0,8">
                        <option value="0">0 - HI</option>
                        <option value="1">1 - HQ</option>
                        <option value="2">2 - VI</option>
                        <option value="3">3 - VQ</option>
                    </select>
                </td>
                <td>
                    <a style="color:#666;font-size:11px" title="coefficients | ">
                        coefficients
                    </a>
                    <br>
                    <input class="form-control" type="text" name="text1" value=0 placeholder="signed byte" params_multiply_factor=1 params_type="signed byte" position="9,0,480" style="width:110px; height:30px">
                </td>
                <td>
                    <a style="color:#666;font-size:11px" title="enable | ">
                        enable
                    </a>
                    <br>
                    <input class="form-control" type="text" name="text1" value=0 placeholder="unsigned byte" params_multiply_factor=1 params_type="unsigned byte" position="69,0,8" style="width:110px; height:30px">
                </td>
            </tr>
            <tr>
                <td>
                    <span style="font-size: 13px">
                        #15 GetLineEgressHighSrPreEmphasis<br>
                    </span>
                    <button class="btn btn-sm btn-success btn-apis" cmd="GetLineEgressHighSrPreEmphasis" cmdword="12,0,37,1,68,0,0,0,0,0,0,0">
                        Send
                    </button>
                </td>
                <td>
                    <a style="color:#666;font-size:11px" title="lane | ">
                        lane
                    </a>
                    <br>
                    <select class="form-control" style="width:110px; height:30px" params_multiply_factor=1 params_type="Choice" position="8,0,8">
                        <option value="0">0 - HI</option>
                        <option value="1">1 - HQ</option>
                        <option value="2">2 - VI</option>
                        <option value="3">3 - VQ</option>
                    </select>
                </td>
            </tr>

            <tr>
                <td>
                    <span style="font-size: 13px">
                        #18 SetHostIngressLanePolarity<br>
                    </span>
                    <button class="btn btn-sm btn-success btn-apis" cmd="SetHostIngressLanePolarity" cmdword="12,0,16,1,4,0,0,0,0,0,0,0">
                        Send
                    </button>
                </td>
                <td>
                    <a style="color:#666;font-size:11px" title="polarity | Hexadecimal value">
                        polarity
                    </a>
                    <br>
                    <input class="form-control" type="text" name="text1" value=0 placeholder="Hexadecimal" params_multiply_factor=1 params_type="Hexadecimal" position="4,0,8" style="width:110px; height:30px">
                </td>
            </tr>
            <tr>
                <td>
                    <span style="font-size: 13px">
                        #19 GetHostIngressLanePolarity<br>
                    </span>
                    <button class="btn btn-sm btn-success btn-apis" cmd="GetHostIngressLanePolarity" cmdword="8,0,17,1,8,0,0,0">
                        Send
                    </button>
                </td>
            </tr>
            <tr>
                <td>
                    <span style="font-size: 13px">
                        #20 SetOtuClientTestPatternGeneratorConfig<br>
                    </span>
                    <button class="btn btn-sm btn-success btn-apis" cmd="SetOtuClientTestPatternGeneratorConfig" cmdword="16,0,118,1,4,0,0,0,0,0,0,0,0,0,0,0">
                        Send
                    </button>
                </td>
                <td>
                    <a style="color:#666;font-size:11px" title="channel | ">
                        channel
                    </a>
                    <br>
                    <select class="form-control" style="width:110px; height:30px" params_multiply_factor=1 params_type="Choice" position="8,0,8">
                        <option value="0">0 - CH_A</option>
                        <option value="1">1 - CH_B</option>
                        <option value="2">2 - CH_C</option>
                        <option value="3">3 - CH_D</option>
                    </select>
                </td>
                <td>
                    <a style="color:#666;font-size:11px" title="direction | ">
                        direction
                    </a>
                    <br>
                    <select class="form-control" style="width:110px; height:30px" params_multiply_factor=1 params_type="Choice" position="9,0,8">
                        <option value="1">1 - INGRESS</option>
                        <option value="2">2 - EGRESS</option>
                    </select>
                </td>
                <td>
                    <a style="color:#666;font-size:11px" title="signal_type | ">
                        signal_type
                    </a>
                    <br>
                    <select class="form-control" style="width:110px; height:30px" params_multiply_factor=1 params_type="Choice" position="10,0,8">
                        <option value="0">0 - FRAMER_PRBS_7</option>
                        <option value="1">1 - FRAMER_PRBS_9</option>
                        <option value="2">2 - FRAMER_PRBS_11</option>
                        <option value="3">3 - FRAMER_PRBS_15</option>
                        <option value="4">4 - FRAMER_PRBS_20</option>
                        <option value="5">5 - FRAMER_PRBS_23</option>
                        <option value="6">6 - FRAMER_PRBS_29</option>
                        <option value="7">7 - FRAMER_PRBS_31</option>
                        <option value="8">8 - FRAMER_NULL</option>
                        <option value="9">9 - FRAMER_AIS</option>
                        <option value="10">10 - FRAMER_LCK</option>
                        <option value="11">11 - FRAMER_OCI</option>
                    </select>
                </td>
                <td>
                    <a style="color:#666;font-size:11px" title="keep_incoming_fs | ">
                        keep_incoming_fs
                    </a>
                    <br>
                    <select class="form-control" style="width:110px; height:30px" params_multiply_factor=1 params_type="Choice" position="11,0,8">
                        <option value="0">0 - DISABLE</option>
                        <option value="1">1 - ENABLE</option>
                    </select>
                </td>
                <td>
                    <a style="color:#666;font-size:11px" title="enable | ">
                        enable
                    </a>
                    <br>
                    <select class="form-control" style="width:110px; height:30px" params_multiply_factor=1 params_type="Choice" position="12,0,8">
                        <option value="0">0 - DISABLE</option>
                        <option value="1">1 - ENABLE</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>
                    <span style="font-size: 13px">
                        #21 GetOtuClientTestPatternGeneratorConfig<br>
                    </span>
                    <button class="btn btn-sm btn-success btn-apis" cmd="GetOtuClientTestPatternGeneratorConfig" cmdword="12,0,119,1,8,0,0,0,0,0,0,0">
                        Send
                    </button>
                </td>
                <td>
                    <a style="color:#666;font-size:11px" title="channel | ">
                        channel
                    </a>
                    <br>
                    <select class="form-control" style="width:110px; height:30px" params_multiply_factor=1 params_type="Choice" position="8,0,8">
                        <option value="0">0 - CH_A</option>
                        <option value="1">1 - CH_B</option>
                        <option value="2">2 - CH_C</option>
                        <option value="3">3 - CH_D</option>
                    </select>
                </td>
                <td>
                    <a style="color:#666;font-size:11px" title="direction | ">
                        direction
                    </a>
                    <br>
                    <select class="form-control" style="width:110px; height:30px" params_multiply_factor=1 params_type="Choice" position="9,0,8">
                        <option value="1">1 - INGRESS</option>
                        <option value="2">2 - EGRESS</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>
                    <span style="font-size: 13px">
                        #22 SetOtuClientTestPatternCheckerConfig<br>
                    </span>
                    <button class="btn btn-sm btn-success btn-apis" cmd="SetOtuClientTestPatternCheckerConfig" cmdword="18,0,120,1,4,0,0,0,0,0,0,0">
                        Send
                    </button>
                </td>
                <td>
                    <a style="color:#666;font-size:11px" title="channel | ">
                        channel
                    </a>
                    <br>
                    <select class="form-control" style="width:110px; height:30px" params_multiply_factor=1 params_type="Choice" position="8,0,8">
                        <option value="0">0 - CH_A</option>
                        <option value="1">1 - CH_B</option>
                        <option value="2">2 - CH_C</option>
                        <option value="3">3 - CH_D</option>
                    </select>
                </td>
                <td>
                    <a style="color:#666;font-size:11px" title="direction | ">
                        direction
                    </a>
                    <br>
                    <select class="form-control" style="width:110px; height:30px" params_multiply_factor=1 params_type="Choice" position="9,0,8">
                        <option value="1">1 - INGRESS</option>
                        <option value="2">2 - EGRESS</option>
                    </select>
                </td>
                <td>
                    <a style="color:#666;font-size:11px" title="signal_type | ">
                        signal_type
                    </a>
                    <br>
                    <select class="form-control" style="width:110px; height:30px" params_multiply_factor=1 params_type="Choice" position="10,0,8">
                        <option value="0">0 - FRAMER_PRBS_7</option>
                        <option value="1">1 - FRAMER_PRBS_9</option>
                        <option value="2">2 - FRAMER_PRBS_11</option>
                        <option value="3">3 - FRAMER_PRBS_15</option>
                        <option value="4">4 - FRAMER_PRBS_20</option>
                        <option value="5">5 - FRAMER_PRBS_23</option>
                        <option value="6">6 - FRAMER_PRBS_29</option>
                        <option value="7">7 - FRAMER_PRBS_31</option>
                        <option value="8">8 - FRAMER_NULL</option>
                        <option value="9">9 - FRAMER_AIS</option>
                        <option value="10">10 - FRAMER_LCK</option>
                        <option value="11">11 - FRAMER_OCI</option>
                    </select>
                </td>
                <td>
                    <a style="color:#666;font-size:11px" title="enable | ">
                        enable
                    </a>
                    <br>
                    <select class="form-control" style="width:110px; height:30px" params_multiply_factor=1 params_type="Choice" position="11,0,8">
                        <option value="0">0 - DISABLE</option>
                        <option value="1">1 - ENABLE</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>
                    <span style="font-size: 13px">
                        #23 GetOtuClientTestPatternCheckerConfig<br>
                    </span>
                    <button class="btn btn-sm btn-success btn-apis" cmd="GetOtuClientTestPatternCheckerConfig" cmdword="12,0,121,1,8,0,0,0,0,0,0,0">
                        Send
                    </button>
                </td>
                <td>
                    <a style="color:#666;font-size:11px" title="channel | ">
                        channel
                    </a>
                    <br>
                    <select class="form-control" style="width:110px; height:30px" params_multiply_factor=1 params_type="Choice" position="8,0,8">
                        <option value="0">0 - CH_A</option>
                        <option value="1">1 - CH_B</option>
                        <option value="2">2 - CH_C</option>
                        <option value="3">3 - CH_D</option>
                    </select>
                </td>
                <td>
                    <a style="color:#666;font-size:11px" title="direction | ">
                        direction
                    </a>
                    <br>
                    <select class="form-control" style="width:110px; height:30px" params_multiply_factor=1 params_type="Choice" position="9,0,8">
                        <option value="1">1 - INGRESS</option>
                        <option value="2">2 - EGRESS</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>
                    <span style="font-size: 13px">
                        #24 GetLineIngressDspStatus<br>
                    </span>
                    <button class="btn btn-sm btn-success btn-apis" cmd="GetLineIngressDspStatus" cmdword="8,0,63,1,28,0,0,0">
                        Send
                    </button>
                </td>
            </tr>
            <tr>
                <td>
                    <span style="font-size: 13px">
                        #25 GetErrorCorrectionStatistics<br>
                    </span>
                    <button class="btn btn-sm btn-success btn-apis" cmd="GetErrorCorrectionStatistics" cmdword="12,0,103,1,132,0,0,0,0,0,0,0">
                        Send
                    </button>
                </td>
                <td>
                    <a style="color:#666;font-size:11px" title="channel | ">
                        channel
                    </a>
                    <br>
                    <select class="form-control" style="width:110px; height:30px" params_multiply_factor=1 params_type="Choice" position="8,0,8">
                        <option value="0">0 - CH_A</option>
                        <option value="1">1 - CH_B</option>
                        <option value="2">2 - CH_C</option>
                        <option value="3">3 - CH_D</option>
                        <option value="4">4 - FRAMER_X00GE</option>
                    </select>
                </td>
                <td>
                    <a style="color:#666;font-size:11px" title="direction | ">
                        direction
                    </a>
                    <br>
                    <select class="form-control" style="width:110px; height:30px" params_multiply_factor=1 params_type="Choice" position="9,0,8">
                        <option value="1">1 - INGRESS</option>
                        <option value="2">2 - EGRESS</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>
                    <span style="font-size: 13px">
                        #26 GetOtuTestPatternCheckerStatistics<br>
                    </span>
                    <button class="btn btn-sm btn-success btn-apis" cmd="GetOtuTestPatternCheckerStatistics" cmdword="12,0,126,1,68,0,0,0,0,0,0,0">
                        Send
                    </button>
                </td>
                <td>
                    <a style="color:#666;font-size:11px" title="channel | ">
                        channel
                    </a>
                    <br>
                    <select class="form-control" style="width:110px; height:30px" params_multiply_factor=1 params_type="Choice" position="8,0,8">
                        <option value="0">0 - CH_A</option>
                        <option value="1">1 - CH_B</option>
                        <option value="2">2 - CH_C</option>
                        <option value="3">3 - CH_D</option>
                        <option value="4">4 - FRAMER_X00GE</option>
                    </select>
                </td>
                <td>
                    <a style="color:#666;font-size:11px" title="direction | ">
                        direction
                    </a>
                    <br>
                    <select class="form-control" style="width:110px; height:30px" params_multiply_factor=1 params_type="Choice" position="9,0,8">
                        <option value="1">1 - INGRESS</option>
                        <option value="2">2 - EGRESS</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>
                    <span style="font-size: 13px">
                        #27 TriggerMonitors<br>
                    </span>
                    <button class="btn btn-sm btn-success btn-apis" cmd="TriggerMonitors" cmdword="8,0,108,1,4,0,0,0">
                        Send
                    </button>
                </td>
            </tr>

            <!-- ##################################################################################################  -->
            <tr>
                <td>
                    <span style="font-size: 13px">
                        #28 GetFawErrorStatistics<br>
                    </span>
                    <button class="btn btn-sm btn-success" id="GetFawErrorStatistics">
                        Send
                    </button>
                </td>
            </tr>

            <tr>
                <td>
                    <span style="font-size: 13px">
                        #29 GetCoreCfecTestPatternCheckerCounters<br>
                    </span>
                    <button class="btn btn-sm btn-success" id="GetCoreCfecTestPatternCheckerCounters">
                        Send
                    </button>
                </td>
            </tr>

			<tr>
				<td>
					<span style="font-size: 13px"> 
					#30 SetCoreCfecTestPatternGeneratorConfig<br>
					</span>
					<button class="btn btn-sm btn-success" id="SetCoreCfecTestPatternGeneratorConfig">
					Send
					</button>
				</td>
				<td> 
					<a style="color:#666;font-size:11px" title="signal_type | ">
					signal_type		
					</a>
					<br>
					<select class="form-control" style="width:110px; height:30px" id="SetCoreCfecTestPatternGeneratorConfig_p1">
					<option value="0">CFEC_PRBS_7</option>
					<option value="1">CFEC_PRBS_9</option>
					<option value="2">CFEC_PRBS_11</option>
					<option value="3">CFEC_PRBS_13</option>
					<option value="4">CFEC_PRBS_15</option>
					<option value="5">CFEC_PRBS_23</option>
					<option value="6">CFEC_PRBS_31</option>
					</select>
				</td>
				<td>
					<a style="color:#666;font-size:11px" title="enable | ">
					enable
					</a>
					<br>
					<select class="form-control" style="width:110px; height:30px" id="SetCoreCfecTestPatternGeneratorConfig_p2">
					<option value="0">DISABLE</option>
					<option value="1">ENABLE</option>
					</select>
                </td>
			</tr>

			<tr>
				<td>
					<span style="font-size: 13px"> 
					#31 SetCoreCfecTestPatternCheckerConfig<br>
					</span>
					<button class="btn btn-sm btn-success" id="SetCoreCfecTestPatternCheckerConfig">
					Send
					</button>
				</td>
				<td> 
					<a style="color:#666;font-size:11px" title="signal_type | ">
					signal_type		
					</a>
					<br>
					<select class="form-control" style="width:110px; height:30px" id="SetCoreCfecTestPatternCheckerConfig_p1">
					<option value="0">CFEC_PRBS_7 </option>
					<option value="1">CFEC_PRBS_9 </option>
					<option value="2">CFEC_PRBS_11 </option>
					<option value="3">CFEC_PRBS_13 </option>
					<option value="4">CFEC_PRBS_15 </option>
					<option value="5">CFEC_PRBS_23 </option>
					<option value="6">CFEC_PRBS_31 </option>
					</select>
				</td>
				<td>
					<a style="color:#666;font-size:11px" title="enable | ">
					enable
					</a>
					<br>
					<select class="form-control" style="width:110px; height:30px" id="SetCoreCfecTestPatternCheckerConfig_p2">
					<option value="0">DISABLE</option>
					<option value="1">ENABLE</option>
					</select>
                </td>
			</tr>

			<tr>
				<td>
					<span style="font-size: 13px"> 
					#32 ReStartLineIngressDsp<br>
					</span>
					<button class="btn btn-sm btn-success" id="ReStartLineIngressDsp">
					Send
					</button>
				</td>
				<td> 
					<a style="color:#666;font-size:11px" title="action | ">
					action		
					</a>
					<br>
					<select class="form-control" style="width:110px; height:30px" id="ReStartLineIngressDsp_p1">
					<option value="0">STOP_DSP </option>
					<option value="1">START_DSP </option>
					<option value="2">TOGGLE_DSP </option>
					</select>
				</td>
			</tr>

			<tr>
				<td>
					<span style="font-size: 13px"> 
					#33 SetPcsTestPatternGeneratorConfig<br>
					</span>
					<button class="btn btn-sm btn-success" id="SetPcsTestPatternGeneratorConfig">
					Send
					</button>
				</td>
				<td> 
					<a style="color:#666;font-size:11px" title="channel | ">
					channel		
					</a>
					<br>
					<select class="form-control" style="width:110px; height:30px" id="SetPcsTestPatternGeneratorConfig_p1">
					<option value="0">FRAMER_CH_A</option>
					<option value="1">FRAMER_CH_B</option>
					<option value="2">FRAMER_CH_C</option>
					<option value="3">FRAMER_CH_D</option>
					<option value="4">FRAMER_X00GE</option>
					</select>
				</td>
				<td> 
					<a style="color:#666;font-size:11px" title="direction | ">
					direction		
					</a>
					<br>
					<select class="form-control" style="width:110px; height:30px" id="SetPcsTestPatternGeneratorConfig_p2">
					<option value="1">DIRECTION__INGRESS</option>
					<option value="2">DIRECTION__EGRESS</option>
					</select>
				</td>
				<td> 
					<a style="color:#666;font-size:11px" title="pcs_signal_type | ">
					pcs_signal_type		
					</a>
					<br>
					<select class="form-control" style="width:110px; height:30px" id="SetPcsTestPatternGeneratorConfig_p3">
					<option value="0">IDLE</option>
					<option value="1">LOCAL_FAULT</option>
					<option value="2">REMOTE_FAULT</option>
					</select>
				</td>
				<td> 
					<a style="color:#666;font-size:11px" title="enable | ">
					enable		
					</a>
					<br>
					<select class="form-control" style="width:110px; height:30px" id="SetPcsTestPatternGeneratorConfig_p4">
					<option value="0">DISABLE</option>
					<option value="1">ENABLE</option>
					</select>
				</td>
			</tr>
			

			<tr>
				<td>
					<span style="font-size: 13px"> 
					#34 SetPcsTestPatternCheckerConfig<br>
					</span>
					<button class="btn btn-sm btn-success" id="SetPcsTestPatternCheckerConfig">
					Send
					</button>
				</td>
				<td> 
					<a style="color:#666;font-size:11px" title="channel | ">
					channel		
					</a>
					<br>
					<select class="form-control" style="width:110px; height:30px" id="SetPcsTestPatternCheckerConfig_p1">
					<option value="0">FRAMER_CH_A</option>
					<option value="1">FRAMER_CH_B</option>
					<option value="2">FRAMER_CH_C</option>
					<option value="3">FRAMER_CH_D</option>
					<option value="4">FRAMER_X00GE</option>
					</select>
				</td>
				<td> 
					<a style="color:#666;font-size:11px" title="direction | ">
					direction		
					</a>
					<br>
					<select class="form-control" style="width:110px; height:30px" id="SetPcsTestPatternCheckerConfig_p2">
					<option value="1">DIRECTION__INGRESS</option>
					<option value="2">DIRECTION__EGRESS</option>
					</select>
				</td>
				<td> 
					<a style="color:#666;font-size:11px" title="pcs_signal_type | ">
					pcs_signal_type		
					</a>
					<br>
					<select class="form-control" style="width:110px; height:30px" id="SetPcsTestPatternCheckerConfig_p3">
					<option value="0">IDLE</option>
					<option value="1">LOCAL_FAULT</option>
					<option value="2">REMOTE_FAULT</option>
					</select>
				</td>
				<td> 
					<a style="color:#666;font-size:11px" title="enable | ">
					enable		
					</a>
					<br>
					<select class="form-control" style="width:110px; height:30px" id="SetPcsTestPatternCheckerConfig_p4">
					<option value="0">DISABLE</option>
					<option value="1">ENABLE</option>
					</select>
				</td>
			</tr>

			<tr>
				<td>
					<span style="font-size: 13px"> 
					#35 GetPcsTestPatternCheckerStatistics<br>
					</span>
					<button class="btn btn-sm btn-success" id="GetPcsTestPatternCheckerStatistics">
					Send
					</button>
				</td>
				<td> 
					<a style="color:#666;font-size:11px" title="channel | ">
					channel		
					</a>
					<br>
					<select class="form-control" style="width:110px; height:30px" id="GetPcsTestPatternCheckerStatistics_p1">
					<option value="0">FRAMER_CH_A</option>
					<option value="1">FRAMER_CH_B</option>
					<option value="2">FRAMER_CH_C</option>
					<option value="3">FRAMER_CH_D</option>
					<option value="4">FRAMER_X00GE</option>
					</select>
				</td>
				<td> 
					<a style="color:#666;font-size:11px" title="direction | ">
					direction		
					</a>
					<br>
					<select class="form-control" style="width:110px; height:30px" id="GetPcsTestPatternCheckerStatistics_p2">
					<option value="1">DIRECTION__INGRESS</option>
					<option value="2">DIRECTION__EGRESS</option>
					</select>
				</td>			
			</tr>

			<tr>
				<td>
					<span style="font-size: 13px"> 
					#36 SetLineEgressLaneMute<br>
					</span>
					<button class="btn btn-sm btn-success" id="SetLineEgressLaneMute">
					Send
					</button>
				</td>
				<td> 
					<a style="color:#666;font-size:11px" title="lane | ">
					lane		
					</a>
					<br>
					<select class="form-control" style="width:110px; height:30px" id="SetLineEgressLaneMute_p1">
					<option value="0">LINE_LANE_HI</option>
					<option value="1">LINE_LANE_HQ</option>
					<option value="2">LINE_LANE_VI</option>
					<option value="3">LINE_LANE_VQ</option>
					</select>
				</td>
				<td> 
					<a style="color:#666;font-size:11px" title="direction | ">
					mute		
					</a>
					<br>
					<select class="form-control" style="width:110px; height:30px" id="SetLineEgressLaneMute_p2">
					<option value="0">DISABLE</option>
					<option value="1">ENABLE</option>
					</select>
				</td>			
			</tr>

			<tr>
				<td>
					<span style="font-size: 13px"> 
					#37 SetHostIngressLaneMute<br>
					</span>
					<button class="btn btn-sm btn-success" id="SetHostIngressLaneMute">
					Send
					</button>
				</td>
				<td> 
					<a style="color:#666;font-size:11px" title="dual | ">
					dual		
					</a>
					<br>
					<select class="form-control" style="width:110px; height:30px" id="SetHostIngressLaneMute_p1">
					<option value="0"> HOST_DUAL_0</option>
					<option value="1"> HOST_DUAL_1</option>
					<option value="2"> HOST_DUAL_2</option>
					<option value="3"> HOST_DUAL_3</option>
					</select>
				</td>
				<td> 
					<a style="color:#666;font-size:11px" title="direction | ">
					mute		
					</a>
					<br>
					<select class="form-control" style="width:110px; height:30px" id="SetHostIngressLaneMute_p2">
					<option value="0">DISABLE</option>
					<option value="1">ENABLE</option>
					</select>
				</td>			
			</tr>


			<tr>
				<td>
					<span style="font-size: 13px"> 
					#38 GetLineEgressLowSrFilterCoefficients<br>
					</span>
					<button class="btn btn-sm btn-success" id="GetLineEgressLowSrFilterCoefficients">
					Send
					</button>
				</td>
				<td> 
					<a style="color:#666;font-size:11px" title="dual | ">
					lane		
					</a>
					<br>
					<select class="form-control" style="width:110px; height:30px" id="GetLineEgressLowSrFilterCoefficients_p1">
					<option value="0">LINE_LANE_HI</option>
					<option value="1">LINE_LANE_HQ</option>
					<option value="2">LINE_LANE_VI</option>
					<option value="3">LINE_LANE_VQ</option>
					</select>
				</td>
			</tr>

			<tr>
				<td>
					<span style="font-size: 13px"> 
					#39 SetLineEgressLowSrFilterCoefficients<br>
					</span>
					<button class="btn btn-sm btn-success" id="SetLineEgressLowSrFilterCoefficients">
					Send
					</button>
				</td>
				<td> 
					<a style="color:#666;font-size:11px" title="lane | ">
					lane		
					</a>
					<br>
					<select class="form-control" style="width:110px; height:30px" id="SetLineEgressLowSrFilterCoefficients_p1">
					<option value="0">LINE_LANE_HI</option>
					<option value="1">LINE_LANE_HQ</option>
					<option value="2">LINE_LANE_VI</option>
					<option value="3">LINE_LANE_VQ</option>
					</select>
				</td>
				<td> 
					<a style="color:#666;font-size:11px" title="coefs | comma separated">
					coefs		
					</a>
					<br>
                   <input class="form-control" type="text" style="width:110px; height:30px" id="SetLineEgressLowSrFilterCoefficients_p2">
				</td>
			</tr>

			
			<tr>
				<td>
					<span style="font-size: 13px"> 
					#40 SetLineEgressLowSrLaneAttenuation<br>
					</span>
					<button class="btn btn-sm btn-success" id="SetLineEgressLowSrLaneAttenuation">
					Send
					</button>
				</td>
				<td> 
					<a style="color:#666;font-size:11px" title="lane | ">
					lane		
					</a>
					<br>
					<select class="form-control" style="width:110px; height:30px" id="SetLineEgressLowSrLaneAttenuation_p1">
					<option value="0">LINE_LANE_HI</option>
					<option value="1">LINE_LANE_HQ</option>
					<option value="2">LINE_LANE_VI</option>
					<option value="3">LINE_LANE_VQ</option>
					</select>
				</td>
				<td> 
					<a style="color:#666;font-size:11px" title="attenuation | ">
					attenuation		
					</a>
					<br>
                   <input class="form-control" type="text" style="width:110px; height:30px" id="SetLineEgressLowSrLaneAttenuation_p2">
				</td>
				
			</tr>

			<tr>
				<td>
					<span style="font-size: 13px"> 
					#41 GetLineEgressLowSrLaneAttenuation<br>
					</span>
					<button class="btn btn-sm btn-success" id="GetLineEgressLowSrLaneAttenuation">
					Send
					</button>
				</td>
				<td> 
					<a style="color:#666;font-size:11px" title="lane | ">
					lane		
					</a>
					<br>
					<select class="form-control" style="width:110px; height:30px" id="GetLineEgressLowSrLaneAttenuation_p1">
					<option value="0">LINE_LANE_HI</option>
					<option value="1">LINE_LANE_HQ</option>
					<option value="2">LINE_LANE_VI</option>
					<option value="3">LINE_LANE_VQ</option>
					</select>
				</td>
			</tr>


			<tr>
				<td>
					<span style="font-size: 13px"> 
					#42 SetLineEgressLowSrLaneSkew<br>
					</span>
					<button class="btn btn-sm btn-success" id="SetLineEgressLowSrLaneSkew">
					Send
					</button>
				</td>
				<td> 
					<a style="color:#666;font-size:11px" title="lane | ">
					lane		
					</a>
					<br>
					<select class="form-control" style="width:110px; height:30px" id="SetLineEgressLowSrLaneSkew_p1">
					<option value="0">LINE_LANE_HI</option>
					<option value="1">LINE_LANE_HQ</option>
					<option value="2">LINE_LANE_VI</option>
					<option value="3">LINE_LANE_VQ</option>
					</select>
				</td>
				<td> 
					<a style="color:#666;font-size:11px" title="skew | ">
					skew		
					</a>
					<br>
                   <input class="form-control" type="text" style="width:110px; height:30px" id="SetLineEgressLowSrLaneSkew_p2">
				</td>
			</tr>

			<tr>
				<td>
					<span style="font-size: 13px"> 
					#43 GetLineEgressLowSrLaneSkew<br>
					</span>
					<button class="btn btn-sm btn-success" id="GetLineEgressLowSrLaneSkew">
					Send
					</button>
				</td>
				<td> 
					<a style="color:#666;font-size:11px" title="lane | ">
					lane		
					</a>
					<br>
					<select class="form-control" style="width:110px; height:30px" id="GetLineEgressLowSrLaneSkew_p1">
					<option value="0">LINE_LANE_HI</option>
					<option value="1">LINE_LANE_HQ</option>
					<option value="2">LINE_LANE_VI</option>
					<option value="3">LINE_LANE_VQ</option>
					</select>
				</td>
			</tr>
<!-- -->

            <tr>
                <td>
                    <span style="font-size: 13px">
                        #44 SetLineIngressSkew<br>
                    </span>
                    <button class="btn btn-sm btn-success" id="SetLineIngressSkew">
                        Send
                    </button>
                </td>
                <td>
                    <a style="color:#666;font-size:11px" title="polarization | ">
                        polarization
                    </a>
                    <br>
                    <select class="form-control" style="width:110px; height:30px"  id="SetLineIngressSkew_p1">
                        <option value="0">0 - POLARIZATION_H</option>
                        <option value="1">1 - POLARIZATION_V</option>
                    </select>
                </td>
                <td>
                    <a style="color:#666;font-size:11px" title="skew_phase_i | ">
                        skew_phase_i
                    </a>
                    <br>
                    <input class="form-control" type="text" value=0 placeholder="signed integer" style="width:110px; height:30px" id="SetLineIngressSkew_p2">
                </td>
            </tr>

            <tr>
                <td>
                    <span style="font-size: 13px">
                        #45 get_line_ingress_skew<br>
                    </span>
                    <button class="btn btn-sm btn-success" id="get_line_ingress_skew">
                        Send
                    </button>
                </td>
                <td>
                    <a style="color:#666;font-size:11px" title="polarization | ">
                        polarization
                    </a>
                    <br>
                    <select class="form-control" style="width:110px; height:30px" id="get_line_ingress_skew_p1">
                        <option value="0">0 - POLARIZATION_H</option>
                        <option value="1">1 - POLARIZATION_V</option>
                    </select>
                </td>
            </tr>

            <tr>
                <td>
                    <span style="font-size: 13px">
                        #46 SetLineEgressHighSrLaneSkew<br>
                    </span>
                    <button class="btn btn-sm btn-success" id="SetLineEgressHighSrLaneSkew">
                        Send
                    </button>
                </td>
                <td>
                    <a style="color:#666;font-size:11px" title="lane | ">
                        lane
                    </a>
                    <br>
                    <select class="form-control" style="width:110px; height:30px" id="SetLineEgressHighSrLaneSkew_p1">
                        <option value="0">0 - HI</option>
                        <option value="1">1 - HQ</option>
                        <option value="2">2 - VI</option>
                        <option value="3">3 - VQ</option>
                    </select>
                </td>
                <td>
                    <a style="color:#666;font-size:11px" title="skew | ">
                        skew
                    </a>
                    <br>
                    <input class="form-control" type="text" style="width:110px; height:30px" id="SetLineEgressHighSrLaneSkew_p2">
                </td>
            </tr>

            <tr>
                <td>
                    <span style="font-size: 13px">
                        #47 get_line_egress_high_sr_lane_skew<br>
                    </span>
                    <button class="btn btn-sm btn-success" id="get_line_egress_high_sr_lane_skew">
                        Send
                    </button>
                </td>
                <td>
                    <a style="color:#666;font-size:11px" title="lane | ">
                        lane
                    </a>
                    <br>
                    <select class="form-control" style="width:110px; height:30px" id="get_line_egress_high_sr_lane_skew_p1">
                        <option value="0">0 - HI</option>
                        <option value="1">1 - HQ</option>
                        <option value="2">2 - VI</option>
                        <option value="3">3 - VQ</option>
                    </select>
                </td>
            </tr>      

            <tr>
                <td>
                    <span style="font-size: 13px">
                        #48 read_firmware_information<br>
                    </span>
                    <button class="btn btn-sm btn-success" id="read_firmware_information">
                        Send
                    </button>
                </td>
            </tr>
                  
            <tr>
                <td>
                    <span style="font-size: 13px">
                        #49 get_ism_status<br>
                    </span>
                    <button class="btn btn-sm btn-success" id="get_ism_status">
                        Send
                    </button>
                </td>
            </tr>

            <tr>
                <td>
                    <span style="font-size: 13px">
                        #50 GetCoreCfecTestPatternCheckerStatistics<br>
                    </span>
                    <button class="btn btn-sm btn-success" id="GetCoreCfecTestPatternCheckerStatistics">
                        Send
                    </button>
                </td>
            </tr>

            <tr>
                <td>
                    <span style="font-size: 13px">
                        #51 GetEstimatedPreCfecBer<br>
                    </span>
                    <button class="btn btn-sm btn-success" id="GetEstimatedPreCfecBer">
                        Send
                    </button>
                </td>
            </tr>

            <tr>
                <td>
                    <span style="font-size: 13px">
                        #52 TriggerMonitors<br>
                    </span>
                    <button class="btn btn-sm btn-success btn-apis" cmd="TriggerMonitors" cmdword="8,0,108,1,4,0,0,0">
                        Send
                    </button>
                </td>
            </tr>

        </table>
    </div>
</div>
{% endblock %}
{% block js%}
{{ super() }}
<script src="{{ url_for('static', filename='resources/jquery-ui/jquery-ui-complete.min.js') }}"></script>
<script src="{{ url_for('static', filename='resources/jspanel/jquery.jspanel.min.js') }}"></script>
<script type="text/javascript">

function response_and_scroll(data)
{
    console.log("resp...");
    console.log(data);

    $("#api_info", window.top.document).append("resp:" + data.replace(/\r\n/g, "\r\n") + "\r\n");
    //Jump to the last line
    var d = window.top.document.getElementById("api_info").scrollHeight;
    window.top.document.getElementById("api_info").scrollTop = d;
}

function set_password()
{
    url = "/api/set_password";
    $.get(url, function(data, status) {
        console.log(data);
    });
}

$(document).ready(function() {
    set_password();

    $.jsPanel({
        position: { left: 620, top: 80 },
        title: 'DSP API Info',
        size: { width: 698, height: 350 },
        content: '<textarea  spellcheck="false" id="api_info" cols=112 rows=19 style="background-color:#FFFFCC"></textarea>',
        theme: 'light'
    });


    $("#btn_start_up").click(function() {
        url = "/api/btn_start_up";
        $.get(url, function(data, status) {
            console.log(data)
            // $("#fileinfo").html("commit ok!");
            $("#dsp_state_txt").html("<font color=green> " + data + " </font>");
        });
    });


    $("#btn_get_state").click(function() {
        url = "/api/btn_get_state";
        $.get(url, function(data, status) {
            console.log(data)
            // $("#fileinfo").html("commit ok!");
            $("#dsp_state_txt").html("<font color=green> " + data + " </font>");
        });
    });


    $("#btn_disable_TriggerMonitor").click(function() {
        url = "/api/btn_disable_TriggerMonitor";
        $.get(url, function(data, status) {
            console.log(data)
            // $("#fileinfo").html("commit ok!");
            $("#dsp_state_txt").html("<font color=green> " + data + " </font>");
        });
    });


    $(".btn-apis").click(function() {
        var cmd = $(this).attr('cmd');
        var cmdword = $(this).attr('cmdword');
        var params_str = ''
        var position_str = ''
        var params_type_str = ''
        var params_multiply_factor_str = ''

        //var api_info = window.top.document.getElementById("api_info");

        $("#api_info", window.top.document).append("send: " + cmd + " : " + cmdword + "\r\n");

        var parent = $(this).parent().nextAll('td');
        parent.each(function(i) {
            //alert($(this).find(':input').val());
            params = $(this).find(':input').val();
            params_str = params_str + params + ',';

            position = $(this).find(':input').attr('position');
            position_str = position_str + position + '|';

            params_type = $(this).find(':input').attr('params_type');
            params_type_str = params_type_str + params_type + '|';

            params_multiply_factor = $(this).find(':input').attr('params_multiply_factor');
            params_multiply_factor_str = params_multiply_factor_str + params_multiply_factor + '|';


            $("#api_info", window.top.document).append("params#" + i + ": " + params + ">>>params_type: " + params_type + ">>>position: " + position + "\r\n");
        });

        $("#api_info", window.top.document).append("--------------------------------------------------------------------------------\r\n");
        //alert(params_str);

        // url = "/api/dsp_api?opt=set_api" + "&cmdword=" + cmdword + "&params_str=" + params_str + "&position_str=" + position_str + "&params_type_str=" + params_type_str + "&cmd=" + cmd + "&params_multiply_factor_str=" + params_multiply_factor_str ;
        // alert(url);

        $.post(
            "/api/dsp_api", {
                opt: "set_api",
                cmdword: cmdword,
                params_str: params_str,
                position_str: position_str,
                params_type_str: params_type_str,
                cmd: cmd,
                params_multiply_factor_str: params_multiply_factor_str
            },
            function(data, status) {
                response_and_scroll(data);
            }
        );


    });


	//-------------------------------------------------------------------
	$("#GetFawErrorStatistics").click(function(){
		    $.post(
		        "/api/GetFawErrorStatistics", 
		        {
		        },
		        function(data, status) {
                    response_and_scroll(data);
		        }
		    );
		}
	);

	$("#GetCoreCfecTestPatternCheckerCounters").click(function(){
	    $.post(
	        "/api/GetCoreCfecTestPatternCheckerCounters", 
	        {
	        },
	        function(data, status) {
                response_and_scroll(data);
	        }
	    );
	});

	$("#SetCoreCfecTestPatternGeneratorConfig").click(function(){
	    $.post(
	        "/api/SetCoreCfecTestPatternGeneratorConfig", 
	        {
				p1: $("#SetCoreCfecTestPatternGeneratorConfig_p1").val(),
				p2: $("#SetCoreCfecTestPatternGeneratorConfig_p2").val()
	        },
	        function(data, status) {
                response_and_scroll(data);
	        }
	    );
	});

	$("#SetCoreCfecTestPatternCheckerConfig").click(function(){
	    $.post(
	        "/api/SetCoreCfecTestPatternCheckerConfig", 
	        {
				p1: $("#SetCoreCfecTestPatternCheckerConfig_p1").val(),
				p2: $("#SetCoreCfecTestPatternCheckerConfig_p2").val()
	        },
	        function(data, status) {
                response_and_scroll(data);
	        }
	    );
	});

	$("#ReStartLineIngressDsp").click(function(){
	    $.post(
	        "/api/ReStartLineIngressDsp", 
	        {
				p1: $("#ReStartLineIngressDsp_p1").val(),
	        },
	        function(data, status) {
                response_and_scroll(data);
	        }
	    );
	});

	$("#get_ism_status").click(function(){
	    $.post(
	        "/api/get_ism_status", 
	        {
	        },
	        function(data, status) {
                response_and_scroll(data);
	        }
	    );
	});

	$("#SetPcsTestPatternGeneratorConfig").click(function(){
	    $.post(
	        "/api/SetPcsTestPatternGeneratorConfig", 
	        {
				p1: $("#SetPcsTestPatternGeneratorConfig_p1").val(),
				p2: $("#SetPcsTestPatternGeneratorConfig_p2").val(),
				p3: $("#SetPcsTestPatternGeneratorConfig_p3").val(),
				p4: $("#SetPcsTestPatternGeneratorConfig_p4").val()
	        },
	        function(data, status) {
                response_and_scroll(data);
	        }
	    );
	});

	$("#SetPcsTestPatternCheckerConfig").click(function(){
	    $.post(
	        "/api/SetPcsTestPatternCheckerConfig", 
	        {
				p1: $("#SetPcsTestPatternCheckerConfig_p1").val(),
				p2: $("#SetPcsTestPatternCheckerConfig_p2").val(),
				p3: $("#SetPcsTestPatternCheckerConfig_p3").val(),
				p4: $("#SetPcsTestPatternCheckerConfig_p4").val()
	        },
	        function(data, status) {
                response_and_scroll(data);
	        }
	    );
	});

	$("#GetPcsTestPatternCheckerStatistics").click(function(){

	    $.post(
	        "/api/GetPcsTestPatternCheckerStatistics", 
	        {
				p1: $("#GetPcsTestPatternCheckerStatistics_p1").val(),
				p2: $("#GetPcsTestPatternCheckerStatistics_p2").val()
	        },
	        function(data, status) {
                response_and_scroll(data);
	        }
	    );
	});

	$("#SetLineEgressLaneMute").click(function(){
	    $.post(
	        "/api/SetLineEgressLaneMute", 
	        {
				p1: $("#SetLineEgressLaneMute_p1").val(),
				p2: $("#SetLineEgressLaneMute_p2").val()
	        },
	        function(data, status) {
                response_and_scroll(data);
	        }
	    );
	});

	$("#SetHostIngressLaneMute").click(function(){
	    $.post(
	        "/api/SetHostIngressLaneMute", 
	        {
				p1: $("#SetHostIngressLaneMute_p1").val(),
				p2: $("#SetHostIngressLaneMute_p2").val()
	        },
	        function(data, status) {
                response_and_scroll(data);
	        }
	    );
	});

	$("#GetLineEgressLowSrFilterCoefficients").click(function(){
	    $.post(
	        "/api/GetLineEgressLowSrFilterCoefficients", 
	        {
				p1: $("#GetLineEgressLowSrFilterCoefficients_p1").val()
	        },
	        function(data, status) {
                response_and_scroll(data);
	        }
	    );
	});

	$("#SetLineEgressLowSrFilterCoefficients").click(function(){
	    $.post(
	        "/api/SetLineEgressLowSrFilterCoefficients", 
	        {
				p1: $("#SetLineEgressLowSrFilterCoefficients_p1").val(),
				p2: $("#SetLineEgressLowSrFilterCoefficients_p2").val()
	        },
	        function(data, status) {
                response_and_scroll(data);
	        }
	    );
	});

	$("#SetLineEgressLowSrLaneAttenuation").click(function(){
	    $.post(
	        "/api/SetLineEgressLowSrLaneAttenuation", 
	        {
				p1: $("#SetLineEgressLowSrLaneAttenuation_p1").val(),
				p2: $("#SetLineEgressLowSrLaneAttenuation_p2").val()
	        },
	        function(data, status) {
                response_and_scroll(data);
	        }
	    );
	});

	$("#GetLineEgressLowSrLaneAttenuation").click(function(){		
	    $.post(
	        "/api/GetLineEgressLowSrLaneAttenuation", 
	        {
				p1: $("#GetLineEgressLowSrLaneAttenuation_p1").val()
	        },
	        function(data, status) {
                response_and_scroll(data);
	        }
	    );
	});

	$("#SetLineEgressLowSrLaneSkew").click(function(){	
	    $.post(
	        "/api/SetLineEgressLowSrLaneSkew", 
	        {
				p1: $("#SetLineEgressLowSrLaneSkew_p1").val(),
				p2: $("#SetLineEgressLowSrLaneSkew_p2").val()
	        },
	        function(data, status) {
                response_and_scroll(data);
	        }
	    );
	});

	$("#GetLineEgressLowSrLaneSkew").click(function(){
	
	    $.post(
	        "/api/GetLineEgressLowSrLaneSkew", 
	        {
				p1: $("#GetLineEgressLowSrLaneSkew_p1").val()
	        },
	        function(data, status) {
                response_and_scroll(data);
	        }
	    );
	});

    $("#SetLineIngressSkew").click(function(){  
        $.post(
            "/api/SetLineIngressSkew", 
            {
                p1: $("#SetLineIngressSkew_p1").val(),
                p2: $("#SetLineIngressSkew_p2").val()
            },
            function(data, status) {
                response_and_scroll(data);
            }
        );
    });

    $("#get_line_ingress_skew").click(function(){
    
        $.post(
            "/api/get_line_ingress_skew", 
            {
                p1: $("#get_line_ingress_skew_p1").val()
            },
            function(data, status) {
                response_and_scroll(data);
            }
        );
    });


    $("#SetLineEgressHighSrLaneSkew").click(function(){  
        $.post(
            "/api/SetLineEgressHighSrLaneSkew", 
            {
                p1: $("#SetLineEgressHighSrLaneSkew_p1").val(),
                p2: $("#SetLineEgressHighSrLaneSkew_p2").val()
            },
            function(data, status) {
                response_and_scroll(data);
            }
        );
    });

    $("#get_line_egress_high_sr_lane_skew").click(function(){
    
        $.post(
            "/api/get_line_egress_high_sr_lane_skew", 
            {
                p1: $("#get_line_egress_high_sr_lane_skew_p1").val()
            },
            function(data, status) {
                response_and_scroll(data);
            }
        );
    });

    $("#read_firmware_information").click(function(){
        $.post(
            "/api/read_firmware_information", 
            {
            },
            function(data, status) {
                response_and_scroll(data);
            }
        );
    });

    $("#GetCoreCfecTestPatternCheckerStatistics").click(function(){
        $.post(
            "/api/GetCoreCfecTestPatternCheckerStatistics", 
            {
            },
            function(data, status) {
                response_and_scroll(data);
            }
        );
    });

    $("#GetEstimatedPreCfecBer").click(function(){
        $.post(
            "/api/GetEstimatedPreCfecBer", 
            {
            },
            function(data, status) {
                response_and_scroll(data);
            }
        );
    });



});

</script>
{% endblock %}